<template>
  <div class="InventoryD">
    <div class="flexC">
      <div class="flex JustifyContentC AlignItemsC" style="padding: 2.5rem 0rem;"><p class="colorF textC Bold font_s30" style="font-weight: bold;">访谈约谈</p></div>
      <div class="flexC" style="padding:0rem 4.0625rem 2.25rem 4.0625rem;">
        <ul class="Inv_ula flex AlignItemsC JustifyContentC colorF  Bold">
          <li class="flex2 textC">社会组织名称</li>
          <li class="flex3 textC">原因</li>
          <li class="flex1 textC">约谈主体</li>
          <li class="flex1 textC">约谈时间</li>
          <li class="flex3 textC">约谈内容</li>
        </ul>
        <ul v-for="(item, index) in arr" class="Inv_ulb flex colorF Bold textC" :key="'list' + index">
          <li class="flex2">{{ item.shzz }}</li>
          <li class="flex3 textC">{{ item.ytnr }}</li>
          <li class="flex1">{{ item.ytbm }}</li>
          <li class="flex1 ">{{ item.ytsj }}</li>
          <li class="flex3">{{ item.ytjg }}</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      arr: [
        {
          shzz: '上海市东方职业技术培训协会',
          ytnr: '反映上海市东方职业技术培训协会通过媒体发布，举办二级机构“现代家庭服务专业委员会”挂牌仪式，并对相关会员和理事会单位进行授牌',
          ytbm: '区民政局、区人社局',
          ytsj: '2019年1月14日',
          ytjg: '一、对协会设立分支机构相关法规进行了明确告知。二、对协会设立分支机构有关不规范行为进行了教育指导。三、要求协会就上述不规范行为进行及时整改。'
        },
        {
          shzz: '上海惠迪吉公益人心理关爱中心',
          ytnr: '微博举报上海惠迪吉公益人心理关爱中心借公益之名进行洗脑传销活动以达到敛财的目的',
          ytbm: '区民政局',
          ytsj: '2019年1月15日',
          ytjg: '1、该单位相关负责人针对舆情进行回应和解释；2、 进行财务审计 '
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.InventoryD {
  .Inv_ula {
    height: 3.75rem;
    font-size: 1.5625rem;
    font-weight: bold;
    background: url(../../../assets/img/home/components/01.png) no-repeat;
    background-size: 100% 3.85rem;
  }

  .Inv_ulb {
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-top: none;
    overflow: hidden;
    li {
      padding: 1rem;
    }
  }

  .Inv_ulb li:nth-child(odd) {
    background: rgba(255, 255, 255, 0.13);
  }
}
</style>
